<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head profile="http://purl.org/dc/elements/1.1/">
    <meta http-equiv="content-type" content="text/html;
      charset=iso-8859-1" />
    <title>Activist Login</title>
    <link nevow:render="links" />
    <style>
body
{
  margin-top: 120px;
  margin-left: 3em;
  margin-right: 8em;
      background: url("back.jpeg") fixed no-repeat bottom right;
}

div#beta
{
  position: absolute;
  top: 2px;
  left: 2px;
  border: 2px solid red;
  background-color: #a00;
  font-family: sans-serif;
  font-size: 80%;
  color: white;
  width: 25%;
  padding: 3px;
}
div#beta a
{
  color: #aff;
}
div#beta a:hover
{
  background-color:#c00;
}

      div#banner
      {
      background: url("top-bar-background.png");
      background-color: #cddebd;
      text-align: center;
      height: 48px;
      width: 80%;
      position: absolute;
      left: 10%;
      top: 0px;
      z-index: 0;
      color: #9caa8b;
      }
      
      div#bannerleft
      {
      height: 48px;
      width: 17px;
      position: absolute;
      left: 0px;
      top:0px;
      background: url("top-bar-background-left.png");
      }
      div#bannerright
      {
      height: 48px;
      width: 17px;
      position: absolute;
      right: 0px;
      top:0px;
      background: url("top-bar-background-right.png");
      }

      div#banner a
      {
      text-decoration: none;
      }
      div#banner a:hover
      {
      border-bottom: 2px solid;
      background-color: transparent;
/*      background-color: #abbd9c;
      background-color: #cbdcbb;*/
      }
      span#m_top
      {
      display:block;
      margin-left: 25px;
      text-align: left;
      }
      span#m_top a
      {
      font: 20px helvetica arial sans-serif;
      color: white;
      font-stretch: expanded;
      }
      span#m_event
      {
      margin-right: 2em;
      }
      span#m_event a
      {
      font: 15px helvetica arial sans-serif;
      font-weight: bold;
      color: #ffc;
      }

      span#m_help
      {
      margin-right: 2em;
      }
      span#m_help a
      {
      font: 15px helvetica arial sans-serif;
      font-weight: bold;
      color: #dfd;
      }

      span#m_participate
      {
      }
      span#m_participate a
      {
      font: 15px helvetica arial sans-serif;
      font-weight: bold;
      color: #ddf;
      color: #66f;
      }

div#logo
{
  background: url("/activist-logo.png");
  height: 74px;
  width: 75px;
  position: absolute;
  top: 1px;
  right: 5px;
  z-index: 1;
}

div#menuwrapper
{
  background: url("/shadow.png") bottom repeat-x;
  height: 93px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

div#crumb
{
  background: url("/activist-header3d-0-bot.jpeg") no-repeat top right;
  position: absolute;
  top: 49px;
  left: 0px;
  width: 100%;
  height: 18px;
  
  font: bold 14px sans-serif;
  border-bottom: 1px solid black;
  padding-top: 2px;
  text-indent: 2em;
  background-color: #9caa8b;
  color: #ddeac3;
  z-index: 0;
}
div#crumb a
{
  color: #eee;
  color: #cddebd;
  font-weight: normal;
}
div#crumb a:hover
{
  background-color: inherit;
  color: white;
}

div#menu
{
  position: absolute;
  top: 70px;
  left: 0px;
  width: 100%;
  border-bottom: 1px solid #000;
  font: 14px sans-serif;
  text-align: center;
  height: 18px;
}
div#menu a { color: blue;}
div#menu a:visited { color: blue; }

div#menu div#menu_read
{
  width: 38%;
  height: 100%;
  background-color: #ffc;
  position: absolute;
  left: 0px;
  border-left: 10px solid #cc8;
}
div#menu_read a:hover{  background-color: #dda; }

div#menu div#menu_learn
{
  width: 22%;
  position: absolute;
  left: 38%;
  height: 100%;
  background-color: #dfd;
  border-left: 10px solid #8c8;
  font-size: 80%;
}
div#menu_learn a:hover{  background-color: #ada; }

div#menu div#menu_participate
{
  width: 39%;
  position:absolute;
  right: 0px;
  height: 100%;
  background-color: #ddf;
}
div#menu_participate a:hover{  background-color: #aad; }


div#login
{
  position: absolute;
  right: 0px;
  top: 49px;
  height: 22px;
  width: 39%;
  -moz-opacity: 0.9;

/*  border-left: 10px solid #88c;
  border-top: 2px solid #88c;*/
  border: 1px solid black;
  border-bottom: none;
  border-right: none;
  -moz-border-radius: 20px 0px 0px 0px;
  text-indent: 10px;
  background-color: #ddf;

  font: 80% sans-serif;
  z-index: 20;
}
div#login p
{
  margin: 0px;
  padding: 3px;
}
div#login a:hover
{
   background-color: #aad; 
}


a:hover
{
  background-color:#ffc;
}
a.pdf:hover
{
  background-color:#fff;
  border-bottom: 2px solid blue;
}

.tiny
{
  font-size: 65%;
}

div#help
{
  position: absolute;
  left: 38%;
  top: 89px;
  width: 23%;
  height: 3px;
  border-top: 1px solid #660;
  background: url("shadow-bright.png");
  background-color: yellow;
  border: none
  margin: 0px;
  padding: 0px;
  position: absolute;
}

.help
{
  background-color: #dfd;
  border: 1px solid #8c8;
}

div#event
{
  position: absolute;
  left: 0px;
  top: 89px;
  width: 38%;
  height: 3px;
  border-top: 1px solid #660;
  background: url("shadow-bright.png");
  background-color: yellow;
  border: none
  margin: 0px;
  padding: 0px;
}

.event
{
  background-color: #ffc;
  border: 1px solid #cc8;
}

.warning,.error
{
  background-color: #faa;
  border: 2px solid red;
  font: 110% sans-serif;
  padding: 0.5em;
}

.message
{
  background-color: #afa;
  border: 2px solid #6c6;
  font: 110% sans-serif;
  padding: 0.5em;
}

.infobox
{
  float: right;
  clear: right;
  border: 1px solid #aaa;
  background-color: #eee;
  padding: 5px;
}

.important
{
  padding: 2px;
  background-color: #ff6;
}

div#participate
{
  position: absolute;
  right: 0px;
  top: 89px;
  width: 39%;
  height: 4px;
  border-top: 1px solid #660;
  background: url("shadow-bright.png");
  background-color: yellow;
  border: none
  margin: 0px;
  padding: 0px;
  z-index: 30;
}

.participate
{
  background-color: #ddf;
  border: 1px solid #88c;
}

div.sidebar
{
  background-color: #F0F0E8;
  border: 2px solid #E2E2D3;
  width: 10em;
  float: right;

  padding: 3px;
  margin: 0px -6em 0px 5px;
  -moz-opacity: 0.8;
}

div.sidebar h3
{
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #E2E2D3;
  font: 110% sans-serif;
  font-weight: bold;
}

div.sidebar p
{
  font: 70% sans-serif;
  margin: 0px;
  padding: 5px 0px 0px 0px;
}

div#preview
{
  background-color:#eee;
  border:1px solid black;
}

div#main
{
  background-color:#fff;
  margin-top: 2em;
}

span.microevent
{
  font: 80% sans-serif;
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
}

span.unapproved_microevent
{
  font: 80% sans-serif;
  color: #aaa;
  padding-bottom: 3px;
}

span.unapproved_microevent a
{
  color: #99a;
}

div.listing
{
  border-bottom: 2px dotted #eee;
}
div.listing p.date
{
  margin-top: 0;
  padding-top: 0;
  font: bold 90% sans-serif;
}
div.listing h2
{
  margin-bottom: 0;
}
div.listing span.creator
{
  font-weight: normal;
  font-size: 75%;
  color: green;
  border-top: 1px solid #eee;
}

div.versions
{
  float: right;
  clear: right;
  border: 1px solid #aaa;
  background-color: #eee;
  padding: 3px;
  margin-top: 2px;
  font: 80% sans-serif;
}

.date_delta
{
  color: red;
}

div.unapproved
{
/*  border: 1px dashed red;
  border-left: 10px solid red;*/
  padding-left: 10px;
  margin-bottom: 5px;
}
div.unapproved .date_delta
{
  color:#aaa;
}
div.unapproved
{
  color: #aaa;
  font-size: 80%;
}

div.unapproved span.creator
{
  color: #aaa;
}

div.unapproved h2
{
  color: #aaa;
}

div.unapproved a
{
  color: #aaa;
}

div.moderation
{
  background-color: #ddf;
  border: 1px solid #88c;
  padding: 1px;
  display: inline;
}

div.moderation form
{
  display:inline;
}

div.moderation input.approve
{
  color: #060;
}
div.moderation input.unapprove
{
  color: #a00;
}

div.moderation input
{
  border: 1px solid black;
  font-size: 70%;
  font-family: sans-serif;
  background-color: #aaa;
  font-variant: small-caps;
}

div.moderation input:hover
{
  background-color: #ddd;
  cursor: pointer;
}

div#main span.date
{
  font-weight: bold;
}

h1
{
  font-family: sans-serif;
  margin-bottom: 0;
  z-index: 20;
}

p
{
  margin-left: 2em;
  line-height: 1.5em;
}

h1,h2,h3,h4,h5
{
  font-family: sans-serif;
}

h2
{
  margin-left: 1em;
  color: green;
}

h3
{
  margin-left: 2em;
  color: green;
}

h2.date
{
  color: black;
  margin-left: 0px;
  border-bottom: 1px solid green;
  background-color: #ffc;
  border-bottom: 1px solid #cc8;
}

ul,ol
{
  margin-left: 3em;
  font-weight: bold;
}

li
{
  padding-bottom: 5px;
  font-weight: normal;
}

div.listingbody
{
  border: 1px dotted #eee;
}

div.listingbody_unapproved
{
  border: 1px dashed red;
}

div.listingbody h3,h4,h5
{
  color: blue;
  margin-left: 2em;
}

div.listingbody blockquote,pre
{
  margin-left: 5em;
}


pre.literal-block
{
  background-color:#eee;
}

div.comment
{
  margin: 0;
  margin-left: 4em;
  margin-top: 5px;
  border-left: 1px solid #88c;
  min-width: 20em;
}

div.comment p
{
  margin: 6px;
}

div.comment h4
{
  color: black;
  margin: 0;
  padding: 3px;
  background-color:#ddf;
  border: 1px solid #88c;
  border-left:none;
}

div.comment_unapproved
{
  margin: 0;
  margin-left: 4em;
  margin-top: 5px;
  border-left: 1px dotted red;
  min-width: 20em;
}

div.comment_unapproved>p
{
  margin: 0px;
  font-size: 60%;
  padding: 0px;
}

div.comment_unapproved>span.action
{
  display: none;
}

div.comment_unapproved>h4
{
  color: black;
  margin: 0;
  padding: 0px;
  background-color: #eee;
  border: 1px dotted red;
  border-left: none;
  font-size: 60%;
}


.anonymous
{
  background-color: yellow;
  border: 1px solid red;
}


div#footer
{
  height: 18px;
  width: 100%;
  margin-top: 2em;
  
  font: bold 12px sans-serif;
  border-top: 1px solid black;
  background-color: #9caa8b;
  color: #ddeac3;
  z-index: 2;
  text-align: center;
}

div#footer a
{
  color: #eee;
  color: #cddebd;
  font-weight: normal;
}
div#footer a:hover
{
  background-color: inherit;
  color: white;
}



table
{
  border: 1px solid black;
  border-collapse: collapse;
}

th
{
  border-bottom: 1px solid black;
  text-align: center;
  background-color: #ded;
}

tr.odd
{
  background-color: #ffe;
}

td
{
  border: 1px solid #000;
  padding: 5px;
}    </style>
    <link rel="stylesheet" media="screen" title="mike"
      href="/activist.css" />
    <link rel="stylesheet" href="/activist-form.css" />
  </head>
    
    <body>
      <div id="banner">
	<div id="bannerleft"></div>
	<span id="m_top"><a id="main" href="/">activist network</a>:</span>
	<span id="m_event"><a class="menu_event" href="/event/time">event listings</a></span>
	<span id="m_help"><a class="menu_help" href="/help/">help/history</a></span>
	<span id="m_participate"><a class="menu_participate" href="/login">login</a> (<a class="menu_participate"
	    href="/login/create">register</a>), <a class="menu_participate"
	    href="/event/create">create listing</a></span>
	<div id="bannerright" /></div>
      </div>
      
	<h1>Activist Network Login</h1>
	
	<p>
	  If you do not have a login here, you may wish to <a
	    href="/login/create">create one</a> [<a
	    href="/help/registering">why?</a>]
	</p>
	
	<div id="main" nevow:render="form">
	</div>
	
    </body>
</html>
